.m-avatar-default {
  background: #d4d4d4;
  color: #fff;
  display: inline-block;
  margin-top: 16px;
  margin-right: 16px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around; }

.m-avatar-shape-circle {
  border-radius: 100%; }

.m-avatar-shape-fillet {
  border-radius: 10px; }

.m-avatar-size-normal {
  font-size: 18px;
  width: 40px;
  height: 40px;
  line-height: 42px; }

.m-avatar-size-large {
  font-size: 30px;
  width: 64px;
  height: 64px;
  line-height: 66px; }

.m-avatar-size-small {
  font-size: 16px;
  width: 35px;
  height: 35px;
  line-height: 37px; }

.m-avatar-size-tiny {
  width: 25px;
  height: 25px;
  line-height: 27px; }
